<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta name="renderer" content="webkit">
  <title></title>
  <link rel="stylesheet" href="__CSS__/pintuer.css">
  <link rel="stylesheet" href="__CSS__/admin.css">
  <script src="__JS__/jquery.js"></script>
  <script src="__JS__/pintuer.js"></script>
  <script src="__JS__/jquery.min.js"></script>
  <script src="__STATIC__/kindeditor-4.1.2/kindeditor-min.js"></script>
  <script src="__STATIC__/kindeditor-4.1.2/lang/zh_CN.js"></script>
  <script>
      $(function(){

          var editor;
          KindEditor.ready(function(K) {
              editor = K.create('textarea[name="description"]', {
                  allowFileManager : true
              });
          });
      })
  </script>
</head>
<body>
<div class="panel admin-panel">
  <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>增加内容</strong></div>
  <div class="body-content">
    <form method="post" class="form-x" action="" enctype="multipart/form-data">
        <input type="hidden" name="goods_id" value="<{$goods_id}>">
      <div class="form-group">
        <div class="label">
          <label>商品名：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" value="<{$goods_name}>" name="goods_name" data-validate="required:请输入商品名" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>划线价格：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="<{$vip}>" name="vip" data-validate="required:请输入价格" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>商城价格：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="<{$price}>" name="price" data-validate="required:请输入价格" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>商品库存：</label>
        </div>
        <div class="field">
          <input type="number" class="input w50" value="<{$spec_qty}>" name="spec_qty" data-validate="required:请输入库存" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>图片：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url1" class="input tips" style="width:25%; float:left;" value="<{$default_image}>" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="default_image"  onchange="url1.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>轮播图：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url2" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="image_url[]" onchange="url2.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
          <input type="button" class="button bg-green margin-left addT" id="image1" value="添加轮播图" >
        </div>
      </div>
      <div class="form-group" id="typeTitle">
        <div class="label">
          <label>分类标题：</label>
        </div>
        <div class="field">
          <select name="cate_id" class="input w50">
            <option value="">请选择分类</option>
            <{foreach name="cates" item="v"}>
            <{if '0'==$v['parent_id']}>
            <optgroup label="——————<{$v.cate_name}>—————"> </optgroup>
            <{foreach name="cates" item="vv"}>
            <{if $vv['parent_id']==$v['cate_id']}>
            <optgroup label="———<{$vv.cate_name}>———"> </optgroup>
            <{foreach name="cates" item="vvv"}>
            <{if $vvv['parent_id']==$vv['cate_id']}>
            <option value="<{$vvv.cate_id}>"<{eq name="vvv.cate_id" value="$cate_id"}>selected <{/eq}>> <{$vvv.cate_name}></option>
            <{/if}>
            <{/foreach}>
            <{/if}>
            <{/foreach}>
            <{/if}>
            <{/foreach}>
          </select>
          <div class="tips"></div>
          <select name="brand" class="input w50">
            <option value="">请选择品牌</option>
            <{foreach name='brands' item='v'}>
            <option value="<{$v.brand_id}>" <{eq name="$brand" value="$v.brand_id"}>selected<{/eq}> > <{$v.brand_name}> </option>
            <{/foreach}>
          </select>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>其他属性：</label>
        </div>
        <div class="field" style="padding-top:8px;">
          是否上架
          <label><input type="radio" name="if_show" value="1" <{eq name="if_show" value="dui.jpg"}>checked<{/eq}> />是</label>
          <label><input type="radio" name="if_show" value="0" <{eq name="if_show" value="cuo.jpg"}>checked<{/eq}> />否</label>
          <br>
          是否推荐
          <label><input type="radio" name="recommended" value="1" <{eq name="recommended" value="dui.jpg"}>checked<{/eq}> />是</label>
          <label><input type="radio" name="recommended" value="0" <{eq name="recommended" value="cuo.jpg"}>checked<{/eq}> />否</label>
          <br>
          是否热门
          <label><input type="radio" name="recom" value="1" <{eq name="recom" value="dui.jpg"}>checked<{/eq}> />是</label>
          <label><input type="radio" name="recom" value="0" <{eq name="recom" value="cuo.jpg"}>checked<{/eq}> />否</label>
        </div>
      </div>
      <div class="form-group">
        <div class="label">
          <label>内容：</label>
        </div>
        <div class="field">
          <textarea name="description" class="input" style="height:250px; border:1px solid #ddd; visibility: hidden;"><{$description}></textarea>
          <input type="submit" name="submit" value="submit" class="tips">

        </div>
      </div>
      <div class="clear"></div>
      <div class="form-group">
        <div class="label">
          <label></label>
        </div>
        <div class="field">
          <button class="button bg-main icon-check-square-o" type="submit"> 提交</button>

        </div>
      </div>
    </form>
  </div>
</div>
</body>
<script>
    var num=3;
    var banner=2;
    $(".addT").click(function(){
        var cont=`<div class="form-group banner">
        <div class="label">
          <label>轮播图：</label>
        </div>
        <div class="field">
          <input type="text" readonly id="url${num}" class="input tips" style="width:25%; float:left;" value="" data-toggle="hover" data-place="right" />
          <input type="button"  class="button bg-blue margin-left" value="+ 浏览上传" >
          <input type="file" name="image_url[]" onchange="url${num}.value=this.value" style="position:relative; z-index:1000px; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; left:-155px;" />
        	<input type="button" class="button bg-red margin-left cutT" value="删除轮播图" >
        </div>
      </div>`;
        num++;
        banner++;
        $("#typeTitle").before(cont);
    })
    $(".form-x").on("click",'.cutT',function(){
        $(this).parent().parent().remove();
    })
</script>
</html>